<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="/stylesheets/main.css" />
		<link rel="stylesheet" href="/stylesheets/root.css" />
	    <link rel="stylesheet" type="text/css" href="../stylesheets_copy/q/signln/iconfont.css">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>最新登录界面</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			
			.back{
				margin-left: 25vw;
			}
			.back img{
				
				width: 60%;
			}
			.top {
				height: 10vh;
				position: relative;
				box-sizing: border-box;
				width: 90vw;
				margin-top: 2vh;
			/* 	border: black solid 2vw; */
			}
			.bot{
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			
			.welcome{
				font-size: 30px;
			}
			/*返回箭头*/
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 4vh;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			input{
				display: block;
				width: 70vw;
				height: 10vw;
				border: black solid 2px;
				border-radius: 10px;
				font-size: 2vh;
				margin-top: 5vh;
			}
			.link-box{
				width: 70vw;
				margin-top: 1vh;
				font-size: 18px;
			}
			.link-box a:nth-child(1){
				float: left;
				text-decoration: none;
			}
			.link-box a:nth-child(2){
				float: right;
				text-decoration: none;
			}
			.chooic-box{
				margin-top: 10vh;
				margin-left: 2vw;
				width: 95%;
				display: flex;
				flex-direction: row;
				box-sizing: border-box;
				
			}
			.chooic-box a{
				text-decoration: none;
				color: blue;
			}
			.choic {  
			  width: 3vh;  
			  height: 3vh;  
			  border: 1vw solid grey;  
			  cursor: pointer;  
			}  
			  
			#agreen{  
			  width: 100%;  
			  height: auto;  
			  display: none;  
			} 
		</style>
	</head>
	<body>
		<div class="top">
			<div class="iconfont return">&#xe62f;</div>
		</div>
		<div class="back">
			<img src="../images/q/register/register.png">
		</div>
		
		<div  class="bot">
			<div class="welcome">欢迎注册</div>
				<div>
					<input  type="text" name="userName" placeholder=" 请输入账号">
				</div>
				<div>
					<input  type="password" name="userPswd" placeholder=" 请输入密码">
				</div>
				<div>
					<input  type="password" name="userPswd" placeholder=" 请再次输入密码">
				</div>
			
			<div>
			    <input style="background-color: black; color: #fff; width: 30vw;" type="submit" value="登 录">
			</div>
		</div>
		<div class="chooic-box">
			<div class="choic">  
			 <img id="agreen" src="" alt="agreen">  
			  <input type="checkbox" id="myCheckbox" style="display:none">  
			  <label for="myCheckbox"></label>  
			</div>
			<div style="margin-left: 10px;font-size: 2vh;">
			注册即代表您同意<a href="http://127.0.0.1:8848/school-helper/public/webpage_copy/my/Privacy_Agreement.html">《隐私协议》</a>和<a href="http://127.0.0.1:8848/school-helper/public/webpage_copy/my/Service_Agreement%20.html">《服务协议》</a>
			</div>
		</div>
		<script>
			document.querySelector('.choic').addEventListener('click', function() {  
			  var image = document.getElementById('agreen');  
			  image.src = '../images/q/agreen.png';   
			  image.style.display = 'block';  
			}); 
		</script>
	</body>
</html>